<template>
  <div id="app">
    <HeadTop :title="headTitle" :showCloseBtn="showCloseBtn"></HeadTop>
    <Toast v-if="toast.isShow"></Toast>
    <router-view/>
  </div>
</template>

<script>
import Toast from '@/components/Toast'
import HeadTop from '@/components/HeadTop'
  export default {
    components:{
      HeadTop,
      Toast
    },
    data(){
      return {
        
      }
    },
    computed: {
      headTitle(){
        return this.$store.getters.getTitle;
      },
      showCloseBtn(){
        return this.$store.getters.getShowCloseBtn;
      },
      toast() {
				return this.$store.getters.getToast;
			},
    }
  }
</script>

<style lang="less">
@import './assets/css/common.less';
html,body{
  background: #f3f2f2;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: @globalFontColor;
  height: 100%;
}
</style>
